<template>
  <div id="data-view">
    <dv-full-screen-container>
      <div>
        <Top-Header :title="title" />
        <!-- <Left-Box class="left_box" /> -->
        <Video-Box />
      </div>
    </dv-full-screen-container>
  </div>
</template>

<script>
import TopHeader from "./child/TopHeader";
// import LeftBox from "./child/LeftBox";
import VideoBox from "./child/VideoBox";
export default {
  name: "DataView",
  components: {
    TopHeader,
    // LeftBox,
    VideoBox,
  },
  data() {
    return {
      title: "**生产监控大屏",
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="less">
#data-view {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #030409;
  color: #fff;

  #dv-full-screen-container {
    background-image: url("./img/bg2.png");
    background-size: 100% 100%;
    box-shadow: 0 0 3px blue;
    display: flex;
    flex-direction: column;

    .left_box {
      width: 77%;
      display: flex;
      flex-wrap: wrap;
    }
  }
}
</style>
